html{
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-style: sans-serif;
}
body{
    width: 100%;
    height: 100%;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    background-color: grey;
}
#main{
    position: absolute;
    top: 28%;
    left:40%;
    margin: -200px 0 0 -300px;
    width: 1000px;
    height: 800px;
    background:rgba(190,190,190,0.5);
     border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;

}
#main h1{
    color: black;
    text-shadow:0 0 10px;
    letter-spacing: 1px;
    margin-top:12px;
    margin-left:70px;
}

h1{
    font-size: 1.5em;
    margin: 0.9em 0;

}
.butt{
    background-color:#3399ff;
    color:white;
    font-size: 20px;
    border-radius: 8px;
    border: 1px solid #C0C0C0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position:absolute;
    left:800px;
    top:150px;
}
.butt:hover {
    background-color: #C0C0C0;
    color: white;
}

.butt1{
    background-color:#3399ff;
    color:white;
    font-size: 20px;
    border-radius: 8px;
    border: 1px solid #C0C0C0;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    position:;
    left:630px;
    top:160px;
}
.butt1:hover {
    background-color: #C0C0C0;
    color: white;
}

table{
         border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }
        table td, table th
        {
            border: 1px solid #cad9ea;
            color: #666;
            height: 50px;
        }
        table thead th
        {
            background-color: #CCE8EB;
            width: 100px;
        }
        table tr:nth-child(odd)
        {
            background: #fff;
        }
        table tr:nth-child(even)
        {
            background: #F5FAFA;
        }

/* containers.css */

/* 设置 h1 和搜索表单在同一行 */
.container-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

/* 设置 h1 的样式 */
.container-header h1 {
    margin: 0;
}

/* 设置搜索表单的样式 */
.search-form {
    display: flex;
    align-items: center;
}

/* 设置搜索框的高度和宽度 */
.search-form input[type="text"] {
    width: 200px; /* 设置宽度 */
    height: 35px; /* 设置高度 */
    padding: 5px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    margin-right: 10px; /* 设置间距 */
}

/* 设置搜索按钮的样式 */
.search-form button {
    height: 35px; /* 设置高度 */
    padding: 5px 10px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: #007bff;
    color: white;
    cursor: pointer;
}

.search-form button:hover {
    background-color: #0056b3;
}


